<!DOCTYPE html>
<html>
  <head>
    <title>3d</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <script src="js/base/base.js"></script>
    <script>
      ibase.width(750); //设定屏幕宽度:默认值750,可选值640
      ibase.viewport('rem'); //设定css单位:rem、px
      // ibase.orient('portrait');//设定锁定：竖屏 portrait/横屏 landscape
      ibase.load('css/index.css'); //无缓存加载文件
    </script>
  </head>

  <body>
    <aside class="loadPage main column column-center">
      <div class="per">0%</div>
    </aside>

    <div id="ts" class="main column column-center">
      <div class="black"></div>
      <img src="images/common/ts.png" class="tipPng" />
    </div>

    <div class="page2 main hide">
      <div class="open-details">
          <div class="open-details-tips">查看详情</div>
      </div>
      <div class="backBtn">
        <img src="images/common/back2.png" class="backPng" />
      </div>
    </div>

    <article class="index init">
      <div id="planet"></div>
      <!--<div class="initTip">初始化<i>...</i></div>-->
    </article>

    <aside class="detail">
      <div class="title">
        <h4></h4>
        <p class="line"></p>
        <p class="txt"></p>
      </div>
      <div class="body">
        <div class="bg"></div>
        <div class="cont">
          <p class="pic">
            <img />
          </p>
          <h4></h4>
          <p class="line"></p>
          <p class="txt"></p>
        </div>
        <div class="energy">
          <div class="bar">
            <ul>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
          </div>
          <i class="tri"></i>
        </div>
      </div>
      <div class="btns">
        <!-- <a class="btnEmo btnGoPhoto"></a> -->
        <a class="btnJd" href="javascript:void(0)">
          <span class="dash"></span>
          <span class="circle"></span>
          <span class="brand">
            <i></i>
            <i></i>
          </span>
          <a class="brand-name">查看详情</a>
        </a>
        <!-- <a class="btnVideo btn_video"></a> -->
      </div>
      <div class="speedLine">
        <i></i>
        <i></i>
        <i></i>
      </div>
      <a class="back btnClose">
        <img src="images/common/back.png" />
        <span>返回星际</span>
      </a>
    </aside>

    <script type="text/javascript" src="js/base/jquery.js"></script>
    <script type="text/javascript" src="js/base/framwork.js"></script>
    <script type="text/javascript" src="js/base/jquery.lettering.js"></script>
    <script type="text/javascript" src="js/base/jquery.textillate.js"></script>
    <script type="text/javascript" src="js/base/three.min.js"></script>
    <script type="text/javascript" src="js/base/OBJLoader.js"></script>
    <script type="text/javascript" src="js/sphere.three.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <!-- <script>ibase.load('js/index.js');</script> -->
  </body>
</html>
